<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // let zhangsan = {
    //     sellHouse(num) {
    //         console.log("卖了" + num + "万元");
    //     }
    // }

    // // 代理模式
    // let proxySeller = {
    //     sellHouse(hasSold,num){
    //         if(hasSold){
    //             zhangsan.sellHouse(num-2); 
    //         }else{
    //             zhangsan.sellHouse(num); 
    //         }
    //     }
    // }
    // // zhangsan.sellHouse(100);
    // proxySeller.sellHouse(true,100);

    // Proxy 
//     let obj = {
//         name:"张三"
//     }
//   let newObj =  new Proxy(obj,{
//         get(target,key){
//             console.log("get");
//         },
//         set(){
//             console.log("set");
//         }
//     })
//     newObj.name;
// 服务器代理 正向代理  proxy:{}  --> nodejs
// 创建图片
class CreateImg{
    constructor(){
        this.img = document.createElement("img");
        document.body.appendChild(this.img);
    }
    setSrc(src){
        this.img.src = src;
    }
}
let src = "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fyouimg1.c-ctrip.com%2Ftarget%2Ftg%2F035%2F063%2F726%2F3ea4031f045945e1843ae5156749d64c.jpg&refer=http%3A%2F%2Fyouimg1.c-ctrip.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1619700415&t=053aab3e3b04ab34412e5bb3ee735ad1";
// let img = new CreateImg();
// img.setSrc(src);
// 代理模式
function ProxyImg(src){
    let myImg = new CreateImg();
    let loadImg = new Image();
    loadImg.src = src;
    myImg.setSrc("./loading.jpg");
    loadImg.onload = function(){
        myImg.setSrc(this.src);
    }
}
ProxyImg(src);



</script>

</html>